.conment{
    width: 1190px;
    margin: 0 auto;
}
#hide{
    position:fixed;
    top:-140px;
    left: 80px;
    transition: 2s;
    height: 70px;
    background: white;
    border-bottom: 3px solid #d00002;
    .hide-con{
        height: 70px;
        .hide-con-left{
            margin-left: 80px;
            float: left;
            a{
                display: block;
                background: url(../images/3.png) no-repeat;
                width: 82px;
                height:64px;
                margin: 10px 35px;
                h1{
                    text-indent: -9999px;
                    line-height: 110PX; 
               }
            }
        }
        .hide-con-center{
            float: left;
            width: 578px;
            margin: 25px 0 0 60px;
            input:nth-child(1){
                width: 506px;
                height: 35px;
                line-height: 35px;
                border: 2px solid #ccc;
                border-right: none;
                padding-left: 6px;
                float: left;
                }
            input:nth-child(2){
                width: 64px;
                height: 39px;
                border: none;
                background: red;
                color: white;
                float: left;
                cursor: pointer;
                }
    }
    .hide-con-right{
        float: left;
        margin-top: 25px;
        margin-left: 60px;
        a{
            display: block;
            width: 80px;
            height: 34px;
            line-height: 34px;
            background: url(../images/bg.png) no-repeat 0 -64px;
            padding-left:46px;
            color: #676767;
            &:hover{
                background-position: 0 -98px;
                color: #fff;
            }
            span{
                color: #d00002;
                font-weight: bold;
            }
        }
    }
 }
}
#back{
    width:60px;
    height:60px;
    line-height:60px;
    text-align: center;
    color: white;
    font-size: 16px;
    background-color: #abcdef;
    position:fixed;
    right:0px;
    bottom:50px;
    display:none;
    cursor: pointer;
}
#head{
    height: 30px;
    background: #f1f0ee;
    border-bottom: 1px solid #ccc;
    .head-con{
        height: 30px;
        line-height: 30px;
        .head-con-left{
            float: left;
            position: relative;
            &:hover>ul{
                display: block;
            }
            img{
                vertical-align: middle;
                display: inline-block;
                margin-top: -2px; 
                
            }
            a{
                color: #666666;
                &:hover{
                    color:#fb6801 
                }
            }
            ul{
                position: absolute;
                top: 30px;
                left: 0;
                width: 190px;
                height: 380px;
                background: skyblue;
                display: none;
                li{
                    float: left;
                    margin: 10px;
                    a{
                        color: #f1f0ee;
                    }
                    .jx{
                        color: red;
                    }
                }
            }         
        }
        .head-con-right{
            float: right;
            .head-con-right-left{
                float: left;
                a{
                    color: #fb6801;
                    margin-right: 13px;
                }
            }
            ul{
                float: left;
                .bdr{
                    position: relative;
                }
                .bdr::after{
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 8px;
                    width: 1px;
                    height: 14px;
                    background: #d5d5d5;
                }
                li{
                    float: left;
                    a{
                        float: left;
                        margin: 0 17px 0 15px;
                        color: #666666;
                        &:hover{
                            color:#fb6801 
                        }
                        .icon{
                            background: url(../images/mxk.png) no-repeat;
                        }
                        .one{
                            display: inline-block;
                            width: 8px;
                            height: 5px;
                            background-position: -623px -21px;
                            vertical-align: middle;
                            margin-top: -2px;
                            position: relative;
                            left: 6px;
                        }
                    }
                }
            }
        }
    }
}
#item{
    width: 100%;
    height: 140px;
    .item-con{
        height: 140px;
        .item-con-left{
            float: left;
            a{
                display: block;
                background: url(../images/3.png) no-repeat;
                width: 90px;
                height: 94px;
                margin: 23px 35px;
                h1{
                    text-indent: -9999px;
                    line-height: 140PX; 
               }
            }
        }
        .item-con-center{
            float: left;
            width: 578px;
            margin: 25px 0 0 60px;
            input:nth-child(1){
                width: 506px;
                height: 35px;
                line-height: 35px;
                border: 2px solid #ccc;
                border-right: none;
                padding-left: 6px;
                float: left;
                }
            input:nth-child(2){
                width: 64px;
                height: 39px;
                border: none;
                background: red;
                color: white;
                float: left;
                cursor: pointer;
                }
                .item-con-center-bottom{
                    line-height: 30px;
                    a{
                        color: #898989;
                        padding-left: 7px;
                        &:hover{
                            color: #fb6801;
                        }
                     }
                     span{
                        color: #fb6801;
                    }
                }
        }
        .item-con-last{
            float: left;
            line-height: 46px;
            .red{
                color: #fb6801
            }
            a{
                color: #898989;
                margin-left: 24px;
                font-size: 14px;
                &:hover{
                    color: #fb6801;
                }
             }

        }
        .item-con-right{
            float: left;
            margin-top: 25px;
            margin-left: 25px;
            a{
                display: block;
                width: 80px;
                height: 34px;
                line-height: 34px;
                background: url(../images/bg.png) no-repeat 0 -64px;
                padding-left:46px;
                color: #676767;
                &:hover{
                    background-position: 0 -98px;
                    color: #fff;
                }
                span{
                    color: #d00002;
                    font-weight: bold;
                }
            }
        }
        .item-con-end{
            float: right;
            margin-top: 15px;
            a{
                display: block;
            }
        }
    }
}
#fixed{
    a{
        display: block;
        position: fixed;
        left: 0;
        top: 170px;
        img{
            height: 410px;
        }
    }
}
#center{
    min-height: 30px;
    height: auto;
    background: #f1f0ee;
    border-top: 1px solid #ccc;
    .center-con{
        min-height: 30px;
        height: auto;
        .center-con-top{
            height: 412px;
            .center-con-top-left{
                float: left;
                margin-top: 10px;
                margin-left: 10px;
                background: white;
                width: 180px;
                ul{
                    li{
                        padding-top: 3px;
                        &:hover{
                            background: #ccc;
                        }
                        .dis{
                            margin-left: 10px;
                        }
                        a{ 
                            color: #666666;
                            font-size: 14px;
                            &:hover{
                                color: #d00002;
                            }
                        }
                    }
                }
            }
            .center-con-top-center{
                float: left;
                width: 590px;
                height: 400px;
                border: 1px solid #ccc;
                position: relative;
                margin-top:10px;
                margin-left: 10px;
                cursor: pointer;
                overflow: hidden;
                ul{
                    li{
                        float: left;
                        width: 590px;
                        height: 400px;
                        a{
                            display: block;
                            img{
                                width: 590px;
                                height: 400px;
                            }
                        }
                    }
                }
                ol{
                    height: 10px;
                    border-radius: 15px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    display: flex;
                    align-items: center;
                    .active{
                        background: skyblue;
                    }
                    li{
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background: yellow;
                        float: left;
                        margin: 0 2px;
                    }
                }
                .leftBtn{
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 20px;
                    height: 20px;
                    background: rgba(000, 000, 000, 0.5);
                    color: white;
                    font-weight: bold;
                    text-align: center;
                    line-height: 20px;    
                } 
                .rightBtn{
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 20px;
                    height: 20px;
                    background: rgba(000, 000, 000, 0.5);
                    color: white;
                    font-weight: bold;
                    text-align: center;
                    line-height: 20px;
                } 
            } 
            .center-con-top-right{
                float: left;
                margin-left: 10px;
                margin-top:10px;
                width: 180px;
                height: 400px;
                a{
                    display: block;
                    img{
                        width: 180px;
                        height: 132px;
                    }
                }
            } 
            .center-con-top-last{
                float: left;
                margin-left: 10px;
                margin-top: 10px;
                width: 180px;
                height: 400px; 
                .center-con-top-last-top{
                    background: white;
                    display: flex;
                    height: 75px;
                    border-bottom: 1px solid #ccc;
                    justify-content: center;
                    p{  
                        a{ 
                            &:hover{
                                color: #d00002;
                            }
                            margin-left: 5px;
                            color: #666666;
                            img{
                               margin-top: 10px;
                               float: left;
                            }
                        }
                        span{
                            color: #ccc;
                            float: left;
                            margin-top: 10px;
                            margin-left: 5px;
                            margin-bottom: 5px;
                            &:hover{
                                color: #d00002;
                            }
                        }
                    }
                   
                }
                .center-con-top-last-center{
                    border-bottom: 1px solid #ccc;
                    background: white;
                    p{  
                        a{  
                            display: block;
                            color: #666666;
                            &:hover{
                                color: #d00002;
                            }
                        }
                        margin-bottom: 7px;
                        font-size: 12px;
                        span{
                            color: #d00002;
                        }
                    }
                }
                .center-con-top-last-bottom{
                    background: white;
                    width: 180px;
                   a{
                       margin: 0 16px;
                       color: #666666;
                       &:hover{
                           color: #d00002;
                           border-bottom: 4px solid #d00002;
                       }
                   } 
                   h5{
                       margin-top: 15px;
                       margin-left: 32px;
                       color: #d00002;
                   }
                   img{
                       width: 180px;
                       margin-top: 11px;
                   }
                }
            }
        }
        .center-con-center{
            margin-top: 25px;
            height: 238px;
            .center-con-center-left{
                float: left;
                width:  180px;
                height:238px;
                background:#d00002; 
                p{
                    height: 35px;
                    background: #d00002;
                    line-height: 35px;
                    font-size: 22px;
                    color: white;
                    b{
                        margin-left: 45px;
                    }
                }
                .center-con-center-left-bottom{
                    border-top: 2px solid red;
                    height:201px;
                    span:nth-child(1){
                        display: block;
                        text-align: center;
                        color: white;
                        font-size: 18px;
                        padding-top: 28px;
                    }
                    span:nth-child(2){
                        display: block;
                        text-align: center;
                        padding-top: 22px;
                    }
                    span:nth-child(3){
                        display: block;
                        text-align: center;
                        padding-top: 22px;
                        color: #ccc;
                        font-size: 14px;
                    }
                }
            } 
            .center-con-center-center{
                float: left;
                width: 1010px;
                height: 238px;
                background: white;
                ul{
                    li{
                        float: left;
                        width: 201px;
                        height: 238px;
                        a{
                            display: block;
                            img{
                                margin: 0 10px;
                            }
                        }
                        span{
                            margin: 0 35px;
                            font-size: 14px;
                            &:hover{
                                color: #d00002;
                            }
                        }
                        button{
                            border-radius: 6px;
                            background: skyblue;
                            &:hover{
                                background: #d00002;
                                color: white;
                            }
                        }
                    }
                }
            }
        }
    }
}
#foot{
    height: 400px;;
    .foot-con{
        height: 400px;
    .foot-con-top{
        height:366px;
        ul{
            float: left;
            margin-right: 83px;
            margin-top: 138px;
            li{
                padding-top: 12px;
                .th{
                    color: #666666;
                }
                a{
                    color: #666666;
                }
            }
        }
    }
    .foot-con-bottom{
        height: 34px;
        height: 34px;
        font-size: 12px;
        color: #666666;
        line-height: 34px;
    }
  }     
}
